Skip to content

Fix accessibility issues suggested by WAVE#1193

Draft
ankurjuneja wants to merge 1 commit intodevelopfrom
fb_issue878_accessibility_issues
Draft

Fix accessibility issues suggested by WAVE#1193
ankurjuneja wants to merge 1 commit intodevelopfrom
fb_issue878_accessibility_issues

Conversation

@ankurjuneja
Copy link
Copy Markdown
Contributor

<td class="representative details-control newPrecursor <%=precursor.getNewPrecursorId()%>">
<span class="<%=precursor.getNewPrecursorId()%>_<%=precursor.getOldPrecursorId()%>">
<img src="<%=getWebappURL("_images/plus.gif")%>"/>
<img src="<%=getWebappURL("_images/plus.gif")%>" alt="Expand row details"/>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These should flip when we swap the plus for a minus on lines 122 and 127.


btnHtml += '<span class="qc-paging-prev ' + (this.pagingStartIndex > 0 ? 'qc-paging-icon-enabled' : 'qc-paging-icon-disabled')
+ '"><i class="fa fa-angle-left"></i></span>';
+ '" role="button" aria-label="Previous page"><i class="fa fa-angle-left" aria-hidden="true"></i></span>';
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

isn't keyboard focusable by default. It's probably best to switch these to , which would let us drop the role="button" and would mean that we wouldn't need to toggle an aria-disabled attribute when the control is disabled.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants